<template>
  <div class="bridge-map" id="bridge-map">

  </div>
</template>
<script>
import {ImageLayer, LineLayer, Marker, PointLayer, PolygonLayer, Scene} from '@antv/l7'
import {TencentMap} from "@antv/l7-maps";
import {FeatureCollectionLineString, getMapDialogDom, inverted} from '@/utils/utils'

export default {
  name: 'BridgeMap',
  data() {
    return {
      scene: null
    }
  },
  methods: {
    initMap() {
      this.scene = new Scene({
        id: 'bridge-map',
        logoVisible: false,
        antialias: true,
        map: new TencentMap({
          zoom: 17.8,
          minZoom: 17.8,
          maxZoom: 17.8,
          center: [98.494247, 39.733017],
          rotateEnable: false,
          pitch: 20,
          mapStyleId: 'style1'
        })
      })
    }
  },
  mounted() {
    this.initMap();
  }
}
</script>
<style scoped lang="scss">
.bridge-map {
  width: 100%;
  height: 100%;
}
</style>
